<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
		<title>CRM</title>
		<link rel="stylesheet" type="text/css" href="../static/azxcrm/css/wap/aui.css" th:href="@{/azxcrm/css/wap/aui.css}"/>
		<link rel="stylesheet" type="text/css" href="../static/azxcrm/css/wap/account.css" th:href="@{/azxcrm/css/wap/account.css}"/>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_835360_8flqp9ignrc.css"/>
	</head>
	<body>
		<header class="aui-bar aui-bar-nav">
			 <a href="javascript:history.back(-1)"  class="aui-pull-left aui-btn">
	       		 <span class="iconfont icon-fanhui1">返回</span>
	    	</a>
		    <div class="aui-title">订单详情</div>
		</header>
		
		<section class="aui-grid aui-margin-b-15">
			<div class="aui-content aui-margin-b-15">
			    <ul class="aui-list aui-list-in">			       
			        <li class="aui-list-item">
			            <div class="aui-list-item-inner">
			            	<div class="clearfix">
			            		<div class="aui-list-item-title">订单编号：</div>	
			                	<div class="aui-text" th:text="${orderDeal.order.orderNum}"></div>
			            	</div>			                
			            </div>
			        </li>
			        <li class="aui-list-item">
			            <div class="aui-list-item-inner">
			            	<div class="clearfix">
				                <div class="aui-list-item-title">订单类型：</div>
				                <div class="aui-text" th:text="${orderDeal.order.typeName}"></div>
				            </div>    
			            </div>
			        </li>	
			        <li class="aui-list-item">
			            <div class="aui-list-item-inner">
			            	<div class="clearfix">
				                <div class="aui-list-item-title">订单状态：</div>
				                <div class="aui-text" th:if="${orderDeal.order.orderStatus} == 3">待审核</div>
				                <div class="aui-text" th:if="${orderDeal.order.orderStatus} == 5">已成单</div>
				            </div>    
			            </div>
			        </li>
			    </ul>
			</div>
				
			<div class="aui-content aui-margin-b-15">
			    <ul class="aui-list aui-list-in">
			        <li class="aui-list-header">
			        	<h3><img src="../static/azxcrm/image/wap/customer.png" th:src="@{/azxcrm/image/wap/customer.png}">客户信息</h3>
			        </li>
			        <li class="aui-list-item">
			            <div class="aui-list-item-inner">
			            	<div class="clearfix">
			            		<div class="aui-list-item-title">客户姓名：</div>	
			                	<div class="aui-text" th:text="${orderDeal.customerInfo.name}"></div>
			            	</div>			                
			            </div>
			        </li>
			        <li class="aui-list-item">
			            <div class="aui-list-item-inner">
			            	<div class="clearfix">
				                <div class="aui-list-item-title">手机号码：</div>
				                <div class="aui-text">
				                	<span th:text="${orderDeal.customerInfo.cellphone}"></span>
				                	<a th:href="@{'tel:'+${orderDeal.customerInfo.cellphone}}" class="iconfont icon-iconfontdianhua3 pos-ab" style="color: #ff8400;right: 0.4rem;top: 0.5rem;"></a>
				                </div>
				            </div>    
			            </div>
			        </li>	
			         <li class="aui-list-item">
			            <div class="aui-list-item-inner">
			            	<div class="clearfix">
				                <div class="aui-list-item-title">身份证号：</div>
				                <div class="aui-text" th:text="${orderDeal.customerInfo.identityNum}"></div>
				            </div>    
			            </div>
			        </li>	

			    </ul>
			</div>
			
			<div class="aui-content aui-margin-b-15 g-box">
			    <ul class="aui-list aui-list-in">
			        <li class="aui-list-header">
			        	<h3><img src="../static/azxcrm/image/wap/saler_product.png" th:src="@{/azxcrm/image/wap/saler_product.png}">销售产品</h3>
			        </li>
			        <li class="aui-list-item">
			            <div class="aui-list-item-inner">
			            	<div class="clearfix g-div">
			            		<div class="aui-list-item-title" style="width:24%;text-align: right;">销售产品：</div>	
			                	<div class="aui-text aui-jy" th:text="${orderDeal.order.fullName}"></div>
			            	</div>			                
			            </div>
			        </li>
			        <li class="aui-list-item">
			            <div class="aui-list-item-inner">
			            	<div class="clearfix">
			            		<div class="aui-list-item-title">金额(￥)：</div>	
			                	<div class="aui-text" th:text="${orderDeal.productInfo.productPrice}"></div>
			            	</div>			                
			            </div>
			        </li>	
			        <li class="aui-list-item">
			            <div class="aui-list-item-inner">
			            	<div class="clearfix">
			            		<div class="aui-list-item-title">使用期限：</div>	
			                	<div class="aui-text">
			                		<span th:text="${orderDeal.productInfo.productTerm}"></span>个月
			                	</div>
			            	</div>			                
			            </div>
			        </li>	
			    </ul>
			</div>
			<div class="aui-content aui-margin-b-15">
			    <ul class="aui-list aui-list-in">			       
			        <li class="aui-list-item">
			            <div class="aui-list-item-inner">
			            	<div class="clearfix">
			            		<div class="aui-list-item-title">合同编号：</div>	
			                	<div class="aui-text" th:text="${orderDeal.contractId}"></div>
			            	</div>			                
			            </div>
			        </li>
			        <li class="aui-list-item">
			            <div class="aui-list-item-inner">
			            	<div class="clearfix">
				                <div class="aui-list-item-title">结单时间：</div>
				                <div class="aui-text" th:text="${orderDeal.dealTime}"></div>
				            </div>    
			            </div>
			        </li>	
			    </ul>
			    
		       	<div class="aui-bar aui-bar-tab btn2" th:if="${orderDeal.order.orderStatus}==5">
			        <a th:href="@{/wap/order/refundOrder(orderId=${orderDeal.orderId})}" class="aui-bar-tab-item">                   
			            <div class="aui-bar-tab-label wait">申请退单</div>
			        </a>           
		       </div>
		       
		       <div class="aui-bar aui-bar-tab btn2" th:if="${orderDeal.order.orderStatus}==3">
			        <a href="#" class="aui-bar-tab-item">                   
			            <div class="aui-bar-tab-label wait">退单申请已提交，请耐心等待审核</div>
			        </a>           
		       </div>
			</div>
		</section>
	</body>
</html>
<script>
 sessionStorage.setItem("order",2);
</script>
